UserCSS - 固定project標題於上方
code:style.css
@media (min-width: 1200px) {
/* PC版(長い方) */
div.left-box {
display: flex;
align-items: center;
position: fixed;
top: 0;
margin-left: 75px;
z-index: 1000;
flex-wrap: nowrap;
width: 268px;
}
a.navbar-brand {
/* justify-content: flex-end;*/
}
}
@media (min-width: 768px) and (max-width: 1199.9px) {
/* PC版(狭いほう) */
@media (min-width: 992px) {
a.project-home {
width: calc((100% - 30px - 290px) / 3);
left: 74px;
}
}
@media (max-width: 991.9px) {
a.project-home {
width: calc((100% - 30px - 290px) / 3);
left: 74px;
}
}
}
@media (max-width: 768px) {
/* スマホ版 */
ul.global-menu-for-user {
margin: 0 0 0 auto;
right: 0;
}
a.project-home {
margin-left: 34px;
width: calc((100% - 30px - 110px));
}
div.expandable-menu {
/* .expandable-menuが被らないようにずらす */
top: 40px;
max-width: 100%;
}
}
@media (max-width: 1199.9px) {
/* PC版(狭いほう)とスマホ版 */
a.project-home {
position: fixed;
top: 0;
z-index: 1000;
text-align: left;
}
}